<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>Recursos</title>

  <link rel="stylesheet" href="css/estilo.css" type="text/css">


  <!-- include lib -->
  <link rel="stylesheet" type="text/css" href="ajaxpopform/ajaxpopform20.css" />
  <link rel="stylesheet" type="text/css" href="flexigrid/css/flexigrid.css" />
  <script type="text/javascript"
          src="flexigrid/js/jquery-1.5.2.min.js"></script>
  <script type="text/javascript" src='ajaxpopform/ajaxpopform20.js'></script> 
  <script type="text/javascript" src="flexigrid/js/flexigrid.js"></script>

  <!-- Funciones propias -->
  <script language="javascript">

     function doAdd(button, grid) {
        document.getElementById('modalBackground20').style.visibility='visible';
        document.getElementById('login').value="";
        document.getElementById('nombre').value="";
        jQuery('.errormsg20').text("");
	jQuery("#ajaxpopform-success20").css('display','none'); 
        jQuery(".ajaxpopformwrapper20").css('display','block'); 
        jQuery('#ajaxpopform20').center();
        jQuery('#ajaxpopform20').fadeIn(500);
        jQuery(button).blur();
     }

    // Funcion para Borrar 
    function doDelete(button, grid) {
       var total_count = $('.trSelected', grid).length;
       var deleted     = 0;
 
       $.each($('.trSelected', grid), function() {
          var editable = $('td:nth-child(1) div', this).html();

          // Comprobar si es editable o no...
          if ( "NO" == editable ) {
             alert("El recurso seleccionado no puede eliminarse");
             return;
          }
          // Borrar llamando al php en AJAX
          var id = this.id;
          $.ajax({
             url: 'AJAX.driveDelete.php?entry='+ id ,
             type: 'DELETE',
             data: {},
             dataType: 'json',
             success: function() {
                deleted++;
                if (deleted == total_count) {
                    $('#flex1').flexReload();
                }
             }
          });
       });
    }
  </script>  
</head>
<body>

<h2>Administraci&oacute;n de carpetas compartidas</h2> 
<div class="bloque_tabla">
<p style="text-align: justify;">En
 esta pantalla podemos crear y borrar carpetas compartidas
 en el servidor. Estas carpetas se podr&aacute;n conectar
 como unidades de red desde otros equipos de la red. 
</p>
<?php include "Popup_addDrive.php"; ?>
<table id="flex1" style="display: none"></table>
<script type="text/javascript">
$(function() {
        $("#flex1").flexigrid({
                url: 'AJAX.Recursos.php',
                dataType: 'json',
                colModel : [
                        {display: '&iquest;Editable?', name : 'editable', width : 50, sortable : true, align: 'center'},
                        {display: 'Recursos', name : 'nombre', width : 200, sortable : true, align: 'left'},
                        {display: 'Descripcion', name : 'desc', width : 300, sortable : true, align: 'left'}
                ],
                buttons : [
                        {name: 'Agregar', bclass: 'driveadd', onpress : doAdd},
                        {name: 'Eliminar', bclass: 'delete', onpress : doDelete},
                        {separator: true},
                ],
                sortname: "nombre",
                sortorder: "asc",
                usepager: false,
                title: "Lista de carpetas compartidas",
                useRp: false,
                rp: 10,
                showTableToggleBtn: false,
                resizable: false,
                width: 650,
                height: 350,
                singleSelect: true
        });
});
</script>

</div>

</body>
</html>
